<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>


    <link rel='stylesheet' th:href="@{~/3thExt/bootstrap/bootstrap-3.3.7-dist/css/bootstrap.min.css}" href="../../static/3thExt/bootstrap/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
    <link rel='stylesheet' th:href="@{~/3thExt/bootstrap-table/1.12.1/bootstrap-table.min.css}" href="../../static/3thExt/bootstrap-table/1.12.1/bootstrap-table.min.css"/>
    <link rel='stylesheet' th:href="@{~/3thExt/select2/4.0.6/css/select2.css}" href="../../static/3thExt/select2/4.0.6/css/select2.css"/>
    <link rel='stylesheet' th:href="@{~/3thExt/bootstrapvalidator/0.5.2/css/bootstrapValidator.min.css}" href="../../static/3thExt/bootstrapvalidator/0.5.2/css/bootstrapValidator.min.css"/>
    <link rel='stylesheet' th:href="@{~/3thExt/bootstrap-fileinput/4.4.7/css/fileinput.min.css}" href="../../static/3thExt/bootstrap-fileinput/4.4.7/css/fileinput.min.css"/>
    <link rel='stylesheet' th:href="@{~/3thExt/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css}" href="../../static/3thExt/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css"/>
    <link rel='stylesheet' th:href="@{~/css/icon-zc.css}" href="../../static/css/icon-zc.css"/>
    <link rel='stylesheet' th:href="@{~/css/style.css}" href="../../static/css/style.css"/>


</head>
<body>
<!--头部-->
<header th:replace="common/head" >
</header>
<!-- 页面指向 -->
<div th:replace="common/title">
</div>
<!-- 菜单树 -->
<div th:replace="common/left" >
</div>
<!--主体内容-->
<div class="page-container">

    <div class="container-fluid mb-20 clearfix">
        <div class="col-md-12">
            <h2 class="page-section-title">查询条件</h2>
        </div>
    </div>

    <div class="container-fluid query-frame-wrap mb-10 clearfix">
        <div class="col-lg-9 col-lg-item-6">
            <div class="row">
                <div class="col-lg-4">
                    <div class="query-frame">
                        <label>工装编号</label>
                        <select class="form-control">
                        </select>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="query-frame">
                        <label>工装名称</label>
                        <input autocomplete="new-password" class="form-control" type="text" />
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="query-frame">
                        <label>工装类别</label>
                        <input autocomplete="new-password" class="form-control" type="text" />
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4">
                    <div class="query-frame">
                        <label>工装状态</label>
                        <select class="form-control">
                            <option value="">不限</option>
                            <option value="">待送修</option>
                            <option value="">已送修</option>
                            <option value="">已维修</option>
                            <option value="">已报废</option>
                        </select>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="query-frame">
                        <label>所属设备</label>
                        <input autocomplete="new-password" class="form-control" type="text" />
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-3">
            <div class="query-frame query-button">
                <img id="queryTool" th:src="@{/image/search.png}" src="../../static/image/search.png" />
                <img class="reset" th:src="@{/image/rest.png}" src="../../static/image/rest.png" />
            </div>
        </div>

        <!--<div class="col-lg-9 left-col-lg-4">-->
            <!--<div class="col-lg-3">-->
                <!--<div class="query-frame">-->
                    <!--<label>设备类别编号</label>-->
                    <!--<select name="" id="e21">-->
                        <!--<option value="">1</option>-->
                        <!--<option value="">1</option>-->
                    <!--</select>-->
                <!--</div>-->
            <!--</div>-->
            <!--<div class="col-lg-3">-->
                <!--<div class="query-frame">-->
                    <!--<label>设备类型</label>-->
                    <!--<input autocomplete="new-password" type="text" class="form-control" />-->
                <!--</div>-->
            <!--</div>-->
            <!--<div class="col-lg-3">-->
                <!--<div class="query-frame">-->
                    <!--<label>设备变量参数</label>-->
                    <!--<input autocomplete="new-password" type="text" class="form-control" />-->
                <!--</div>-->
            <!--</div>-->
            <!--<div class="col-lg-3">-->
                <!--<div class="query-frame">-->
                    <!--<label>设备变量参数</label>-->
                    <!--<input autocomplete="new-password" type="text" class="form-control" />-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
        <!--<div class="col-lg-3">-->
            <!--<div class="query-frame query-button">-->
                <!--<img src="../../static/image/search.png"/>-->
                <!--<img src="../../static/image/rest.png"/>-->
            <!--</div>-->
        <!--</div>-->
    </div>

    <div class="container-fluid mb-20 clearfix">
        <div class="col-md-12 rlt">
            <h2 class="page-section-title tab-table-btn">
                <span class="active">厂内维修列表</span>
                <span>委外列表</span>
                <span>已维修列表</span>
                <span>已报废列表</span>
            </h2>
            <div class="table-tool-box">
                <ul class="table-tool active">
                    <li data-toggle="modal" data-target="#myModal">
                        <span class="icon-list_weixiuchuli" aria-hidden="true"></span>
                        <label>维修</label>
                    </li>
                    <li data-toggle="modal" data-target="#myModal">
                        <span class="icon-list_querenbaofei" aria-hidden="true"></span>
                        <label>报废</label>
                    </li>
                    <li data-toggle="modal" data-target="#myModal">
                        <span class="icon-list_shuaxin" aria-hidden="true"></span>
                        <label>刷新</label>
                    </li>
                </ul>
                <ul class="table-tool">
                    <li data-toggle="modal" data-target="#myModal">
                        <span class="icon-list_add" aria-hidden="true"></span>
                        <label>2</label>
                    </li>
                </ul>
                <ul class="table-tool">
                    <li data-toggle="modal" data-target="#myModal">
                        <span class="icon-list_add" aria-hidden="true"></span>
                        <label>3</label>
                    </li>
                </ul>
                <ul class="table-tool">
                    <li data-toggle="modal" data-target="#myModal">
                        <span class="icon-list_add" aria-hidden="true"></span>
                        <label>4</label>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="container-fluid table-container">
        <div class="table-item active">
            1
            <table id="table"></table>
        </div>
        <div class="table-item">
            2
            <table id="table-2"></table>
        </div>
        <div class="table-item">
            3
            <table id="table-3"></table>
        </div>
        <div class="table-item">
            4
            <table id="table-4"></table>
        </div>
    </div>
</div>

<script th:src="@{/3thExt/jquery/3.3.1/jquery-3.3.1.min.js}" src="../../static/3thExt/jquery/3.3.1/jquery-3.3.1.min.js"></script>
<script th:src="@{/3thExt/jquery-form/3.46/jquery.form.js}" src="../../static/3thExt/jquery-form/3.46/jquery.form.js"></script>
<script th:src="@{/3thExt/bootstrap/bootstrap-3.3.7-dist/js/bootstrap.min.js}" src="../../static/3thExt/bootstrap/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<script th:src="@{/3thExt/bootstrap-table/1.12.1/bootstrap-table.min.js}" src="../../static/3thExt/bootstrap-table/1.12.1/bootstrap-table.min.js"></script>
<script th:src="@{/3thExt/bootstrap-table/1.12.1/locale/bootstrap-table-zh-CN.min.js}" src="../../static/3thExt/bootstrap-table/1.12.1/locale/bootstrap-table-zh-CN.min.js"></script>
<script th:src="@{/3thExt/select2/4.0.6/js/select2.js}" src="../../static/3thExt/select2/4.0.6/js/select2.full.js"></script>
<script th:src="@{/3thExt/bootstrapvalidator/0.5.2/js/bootstrapValidator.min.js}" src="../../static/3thExt/bootstrapvalidator/0.5.2/js/bootstrapValidator.min.js"></script>
<script th:src="@{/3thExt/bootstrap-fileinput/4.4.7/js/fileinput.min.js}" src="../../static/3thExt/bootstrap-fileinput/4.4.7/js/fileinput.min.js"></script>
<script th:src="@{/3thExt/bootstrap-fileinput/4.4.7/js/locales/zh.js}" src="../../static/3thExt/bootstrap-fileinput/4.4.7/js/locales/zh.js"></script>
<script th:src="@{/3thExt/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js}" src="../../static/3thExt/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
<script th:src="@{/3thExt/bootstrap-datetimepicker/js/bootstrap-datetimepicker.zh-CN.js}" src="../../static/3thExt/bootstrap-datetimepicker/js/bootstrap-datetimepicker.zh-CN.js"></script>
<script th:src="@{/js/page-interaction.js}" src="../../static/js/common/page-interaction.js"></script>


</body>
</html>